    <html>  
    <head>
        <meta charset="UTF-8">
    <SCRIPT language=JavaScript src="jquery-1.5.1.js"></SCRIPT>  
    <SCRIPT language=JavaScript>  
    $("document").ready(function(){  
        //第六个表格的删除按钮事件绑定   
        $("#tbody6 .del").click(function() {   
            $(this).parents(".repeat").remove();   
        });   
        //第六个表格的添加按钮事件绑定   
        $("#add6").click(function(){   
            $("#tbody6>.template")   
                //连同事件一起复制   
                .clone(true)   
                //去除模板标记   
                .removeClass("template")   
                //修改内部元素   
                .find(".content")   
                    .text("新增行")   
                    .end()  
               .find(".del")   
                    .text("删除")   
                    .end()        
                //插入表格   
                .appendTo($("#tbody6"))   
        });   
    }  
    )  
    </script>  
    </head>  
    <body>  
        <ul  id="tbody6">   
        <li class="template repeat">   
            <span class="content">这里是模板</span>   
            <span><button class="del">删除</button></span>   
        </li>   
        <li class="repeat">   
            <span class="content">这行原来就有</span>   
            <span><button class="del">删除</button></span>   
        </li>   
        <li class="repeat">   
            <span class="content">这行原来就有</span>   
            <span><button class="del">删除</button></span>   
        </li>   
    </ul>   
       
          <button id="add6">添加</button>  
          
    </body>  
    </html>  